<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
<head>
<sj:head jqueryui="true" />
</head>

<body>
	<div id="result" style="color: red;"></div>

	<!-- A List for Global Error Messages -->
	<ul id="formerrors" class="errorMessage"></ul>
	<s:url id="login" action="login" />

	<s:form id="formValidateCustom" theme="simple" cssClass="yform">
		<fieldset>
			<legend>Create new Contact</legend>
			<div style="clear: right; float: left; with: 200px;">

				<div class="type-text">
					<label style="color: red">*</label> <label for="echo">First
						Name </label> <br />
					<s:textfield id="loginuser" name="loginuser" />
				</div>
				<br />
				<div class="type-text">
					<label style="color: red">*</label> <label for="echo">Surname
					</label> <br />
					<s:textfield name="loginpassword" />
				</div>
				<br />
				<div class="type-text">
					<label for="echo">Known As </label> <br />
					<s:textfield name="" />
				</div>
				<br />
				<div class="type-text">
					<label for="echo">Office Phone </label> <br />
					<s:textfield name="" />
				</div>
				<br />
				<div class="type-text">
					<label for="echo">Mobile Phone </label> <br />
					<s:textfield name="" />
				</div>
				<br />
				<div class="type-text">
					<label for="echo">ST Home Phone </label> <br />
					<s:textfield name="" />
				</div>
				<br />
				<div class="type-text">
					<label for="echo">Email Address</label> <br />
					<s:textfield name="" />
				</div>
			</div>
			<div style="clear: right; float: left; padding-right: 5em"> &nbsp </div>
			<div style="clear: right; float: left; with: 200px;">

				<div class="type-text">
					<label for="echo">Manager Name </label> <br />
					<s:textfield id="loginuser" name="loginuser" />
				</div>
				<br />
				<div class="type-text">
					<label style="color: red">*</label><label for="echo">Contact
						Type </label> <br />
					<s:select headerKey="-1" headerValue="Select type"
						list="#{'1':'type1','2':'type2'}" name="contactType" value="2">
					</s:select>

				</div>
				<br />
				<div class="type-text">
					<label for="echo">Best Contact Method</label> <br />
					<s:select headerKey="-1" headerValue="Select method"
						list="#{'1':'Method2','2':'Method1'}" name="contactType" value="2">
					</s:select>

				</div>
				<br />
				<div class="type-text">
					<label for="echo">Job Role </label> <br />
					<s:textfield id="loginuser" name="loginuser" />
				</div>
				<br />
				<div class="type-text">
					<label for="echo">Work base </label> <br />
					<s:textfield id="loginuser" name="loginuser" />
				</div>
				<br />
				<div class="type-text">
					<label for="echo">Job Title </label> <br />
					<s:textfield id="loginuser" name="loginuser" />
				</div>

				<br />
				<div class="type-text">
					<label for="echo">Is Active? </label> <br />
					<s:checkbox name="checkMe" fieldValue="true" value="true" />
				</div>
				<div>
					<br />
					<sj:submit targets="result" validate="true" value="Save"
						indicator="indicator" />
					<sj:submit value="Back" onclick="this.form.reset()" />
				</div>
			</div>

		</fieldset>
	</s:form>
	<img id="indicator" src="images/indicator.gif" alt="Loading..."
		style="display: none" />
</body>
.
</html>